<template>
  <div>
      <header>
          <div>
              <van-icon name="arrow-left" />
              <span>万界点名册</span>
          </div>
          <div>
              <van-icon name="search" />
              <van-icon name="ellipsis" />
          </div>
      </header>
      <dl>
          <dt><img :src="this.$route.query.item.img" alt=""></dt>
          <dd>
              {{this.$route.query.item.name}}
              {{this.$route.query.item.title}}
          </dd>
          
      </dl>
      <p> <button class="read">免费试读</button>
      <button class="sj">加入书架</button></p>
      <p><button class="xz">下载起点读书App新用户免费读</button></p>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
dl{
    width: 100%;
    height: 110px;
   dt{
       float: left;
   }
  dd{
      float: left;
  }
}
p{
     margin:20px 20px;
}
    
.read{
    background: red;
     border: none;
     padding: 5px 43px;
}
.sj{
    background: #ccc;
    border: none;
    padding: 5px 43px;
    margin-left: 20px;
}
.xz{
    border: none;
    background: #ccc;
    padding: 10px 50px;
}
</style>